*{
    padding:0;
    margin:0;
    list-style: none;
}
.top{
    height:800px;
    width:600px;
    margin:0 auto;
    background: black;
}
.floor{
    width:600px;
    height:300px;
    margin:0 auto;
    font:bold 100px/300px "微软雅黑";
    color:white;
    text-align: center;
}
.bgred{
    background: red;
}
.bgblue{
    background: blue;
}
.bgyellow{
    background: yellow;
}
.bgpurple{
    background: purple;
}
.bggreen{
    background: green;
}
.footer{
    height:600px;
    width:600px;
    margin:0 auto;
    background: chartreuse;
}
.sideBar{
    width:100px;
    border:1px solid black;
    position:fixed;
    top:80px;
    left:50px;
    li{
        width:100px;
        height:40px;
        line-height: 40px;
        text-align: center;
        color:white;
    }
    li.active{
        background: black;
    }
}
















